<!DOCTYPE html>
<html lang="ru">
  <head>
    <meta charset="utf-8" />
    <link rel="stylesheet" href="/css/pure-min.css" />
    <link rel="stylesheet" href="/css/extension.css" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
  </head>
  <body>
    <div class="report-viewer pure-g">
      <h1>Аккаунты</h1>
      <div>
        <form
          class="pure-form pure-form-aligned"
          method="POST"
          action="/www/register"
        >
          <fieldset>
            <div class="pure-control-group">
              <label for="email">Email</label>
              <input type="text" id="email" placeholder="Email" name="email" />
            </div>
            <div class="pure-control-group">
              <label for="first-name">First name</label>
              <input
                type="text"
                id="first-name"
                placeholder="First name"
                name="first-name"
              />
            </div>
            <div class="pure-control-group">
              <label for="last-name">Last name</label>
              <input
                type="text"
                id="last-name"
                placeholder="Last name"
                name="last-name"
              />
            </div>
            <div class="pure-control-group">
              <label for="pwd">Password</label>
              <input type="password" id="pwd" name="pwd" />
            </div>
          </fieldset>
          <div class="pure-controls">
            <button type="submit" class="pure-button pure-button-primary">
              Создать
            </button>
          </div>
        </form>
      </div>
      <table class="pure-table pure-table-bordered">
        <thead class="report-th">
          <tr>
            <th>ID</th>
            <th>Email</th>
            <th>First name</th>
            <th>Last name</th>
          </tr>
        </thead>
        <tbody>
          {{range $index, $element := .Accounts}}
          <tr {{if isOdd $index }}class="pure-table-odd" {{end}}>
            <td>{{.ID}}</td>
            <td>{{.Email}}</td>
            <td>{{.FirstName}}</td>
            <td>{{.LastName}}</td>
          </tr>
          {{end}}
        </tbody>
      </table>
    </div>
  </body>
</html>
